<template>
  <div class="my-nav-container-collection">
    <ul>
      <li v-for="(item, index) in items" :key="index">
        <div class="content-img" @click="openModal(item)">
          <img :src="getAssetImage(item.img)" alt="" />
        </div>
        <div class="content-foot-part">
        <div class="content-title"><span>{{ item.title }}</span></div>
        <div class="contentlist">
          <img :src="getAssetImage(item.headImg)" alt="" />
          <div class="contentlist-name">{{ item.name }}</div>
          <div style="align-items: center; justify-content: center  ;">
            <button @click="() => like(item)" class="like">
              <svg  class="icon" aria-hidden="true">
                <use :href="item.like === 1 ? '#icon-aixin1' : '#icon-aixin'"></use>
              </svg>
            </button>
            <span style="font-size: 12px; color: #333333cc; align-items: center; justify-content: center;">{{ item.likes }}</span>
          </div>
        </div>
        </div>
      </li>
    </ul>
    <Modal
      v-if="isModalOpen"
      :items="items"
      @close="closeModal"
      :currentItem="selectedItem"
      @update-comments="addComment"
    />
  </div>
</template>

<script setup>
import { ref } from "vue";
import Modal from "@/components/Modal.vue";
import "@/assets/download/iconfont.js";
const items = ref([
  {
    img: "/src/assets/img/img09.jpg",
    title: "标题3",
    headImg: "/src/assets/img/headimg03.jpg",
    name: "吃饭了没",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg03.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "问起我阿大撒",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 323,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 123,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img04.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "小长假",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img05.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg05.jpg",
    name: "答案是什么",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg05.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img07.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "作者名",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img011.jpg",
    title: "标题1",
    headImg: "/src/assets/img/headimg01.jpg",
    name: "潇潇鹅",
    like: 1,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg01.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "国际快递",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "国家队在看",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 322,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "大是大非",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "大法师",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3132,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "kiki",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img12.jpg",
    title: "睡觉啊大大",
    headImg: "/src/assets/img/headimg02.jpg",
    name: "散打王",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg02.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "倒萨低洼为",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "大撒大撒阿松大",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 112,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "佛山市电视",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 33,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "巴萨卡",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 882,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "koklo",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 45,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img09.jpg",
    title: "标题3",
    headImg: "/src/assets/img/headimg03.jpg",
    name: "吃饭了没",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg03.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "问起我阿大撒",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 323,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 123,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img05.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg05.jpg",
    name: "答案是什么",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg05.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img06.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg06.jpg",
    name: "欧舒丹",
    like: 1,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg06.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img07.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "作者名",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img08.jpg",
    title: "标题1",
    headImg: "/src/assets/img/headimg01.jpg",
    name: "潇潇鹅",
    like: 1,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg01.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "国际快递",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "国家队在看",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 322,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "大是大非",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "大法师",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3132,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "kiki",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img02.jpg",
    title: "睡觉啊大大",
    headImg: "/src/assets/img/headimg02.jpg",
    name: "散打王",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg02.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "倒萨低洼为",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "大撒大撒阿松大",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 112,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "佛山市电视",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 33,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "巴萨卡",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 882,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "koklo",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 45,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img03.jpg",
    title: "标题3",
    headImg: "/src/assets/img/headimg03.jpg",
    name: "吃饭了没",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg03.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "问起我阿大撒",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 323,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 123,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img04.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "小长假",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img05.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg05.jpg",
    name: "答案是什么",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg05.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img06.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg06.jpg",
    name: "欧舒丹",
    like: 1,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg06.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img07.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "作者名",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img08.jpg",
    title: "标题1",
    headImg: "/src/assets/img/headimg01.jpg",
    name: "潇潇鹅",
    like: 1,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg01.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "国际快递",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "国家队在看",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 322,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "大是大非",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "大法师",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3132,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "kiki",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img02.jpg",
    title: "睡觉啊大大",
    headImg: "/src/assets/img/headimg02.jpg",
    name: "散打王",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg02.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "倒萨低洼为",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "大撒大撒阿松大",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 112,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "佛山市电视",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 33,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "巴萨卡",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 882,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "koklo",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 45,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img03.jpg",
    title: "标题3",
    headImg: "/src/assets/img/headimg03.jpg",
    name: "吃饭了没",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg03.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "问起我阿大撒",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 323,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 123,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img04.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "小长假",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img05.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg05.jpg",
    name: "答案是什么",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg05.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img06.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg06.jpg",
    name: "欧舒丹",
    like: 1,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg06.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img07.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "作者名",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img08.jpg",
    title: "标题1",
    headImg: "/src/assets/img/headimg01.jpg",
    name: "潇潇鹅",
    like: 1,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg01.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "国际快递",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "国家队在看",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 322,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "大是大非",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "大法师",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3132,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "kiki",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img02.jpg",
    title: "睡觉啊大大",
    headImg: "/src/assets/img/headimg02.jpg",
    name: "散打王",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg02.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "倒萨低洼为",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "大撒大撒阿松大",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 112,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "佛山市电视",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 33,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "巴萨卡",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 882,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "koklo",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 45,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img03.jpg",
    title: "标题3",
    headImg: "/src/assets/img/headimg03.jpg",
    name: "吃饭了没",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg03.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "问起我阿大撒",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 323,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 123,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img07.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "作者名",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img08.jpg",
    title: "标题1",
    headImg: "/src/assets/img/headimg01.jpg",
    name: "潇潇鹅",
    like: 1,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg01.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "国际快递",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "国家队在看",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 322,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "大是大非",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "大法师",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3132,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "kiki",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img02.jpg",
    title: "睡觉啊大大",
    headImg: "/src/assets/img/headimg02.jpg",
    name: "散打王",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg02.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "倒萨低洼为",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "大撒大撒阿松大",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 112,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "佛山市电视",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 33,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "巴萨卡",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 882,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "koklo",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 45,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img03.jpg",
    title: "标题3",
    headImg: "/src/assets/img/headimg03.jpg",
    name: "吃饭了没",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg03.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "问起我阿大撒",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 323,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 123,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img04.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "小长假",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img05.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg05.jpg",
    name: "答案是什么",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg05.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img06.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg06.jpg",
    name: "欧舒丹",
    like: 1,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg06.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img07.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "作者名",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img08.jpg",
    title: "标题1",
    headImg: "/src/assets/img/headimg01.jpg",
    name: "潇潇鹅",
    like: 1,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg01.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "国际快递",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "国家队在看",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 322,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "大是大非",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "大法师",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3132,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "kiki",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img02.jpg",
    title: "睡觉啊大大",
    headImg: "/src/assets/img/headimg02.jpg",
    name: "散打王",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg02.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "倒萨低洼为",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "大撒大撒阿松大",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 112,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "佛山市电视",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 33,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "巴萨卡",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 882,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "koklo",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 45,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img03.jpg",
    title: "标题3",
    headImg: "/src/assets/img/headimg03.jpg",
    name: "吃饭了没",
    like: 0,
    likes: 1131,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg03.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "问起我阿大撒",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 323,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 123,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img04.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "小长假",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg09.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img05.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg05.jpg",
    name: "答案是什么",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg05.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg03.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg01.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img06.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg06.jpg",
    name: "欧舒丹",
    like: 1,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg06.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg10.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg07.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg08.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
  {
    img: "/src/assets/img/img07.jpg",
    title: "这是标题",
    headImg: "/src/assets/img/headimg07.jpg",
    name: "作者名",
    like: 0,
    likes: 122,

    postContent:
      "这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏这里是内容，超过三行的部分会隐藏",
    myAvatar: "/src/assets/img/headimg07.jpg",
    createdAt: "05-22",
    comments: [
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg02.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg11.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg12.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg05.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
      {
        avatar: "/src/assets/img/headimg06.jpg",
        name: "用户1",
        content: "这是评论内容，这是评论内容。",
        time: "1小时前",
        likes: 5,
        replies: 2,
      },
      {
        avatar: "/src/assets/img/headimg04.jpg",
        name: "用户2",
        content: "另一个评论内容。",
        time: "2小时前",
        likes: 3,
        replies: 1,
      },
    ],
  },
]);
const getAssetImage = (imgSrc) => new URL(imgSrc, import.meta.url).href;

const isModalOpen = ref(false);

const selectedItem = ref(items[0]);
const like = (item) => {
  item.like = item.like === 1 ? 0 : 1;
  item.likes += item.like === 1 ? 1 : -1;
};

const openModal = (item) => {
  selectedItem.value = item; //选中当前项
  isModalOpen.value = true; 
};

const closeModal = () => {
  isModalOpen.value = false; // 关闭模态框
};
const addComment = (newComment) => {
  const currentIndex = items.value.indexOf(selectedItem.value);
  if (currentIndex !== -1) {
    if (!items.value[currentIndex].comments) {
      items.value[currentIndex].comments = []; // 确保 comments 数组存在
    }
    items.value[currentIndex].comments.push(newComment); // 添加新评论
  } else {
    console.error("Selected item not found in items");
  }
};
</script>

<style scoped>
.icon {
  width: 16px;
  height: 16px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.close {
  position: absolute;
  top: 10px;
  right: 20px;
  color: white;
  font-size: 24px;
  cursor: pointer;
}
</style>
